<template>
    <div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>单位名称</label>
            </div>
            <div class="equipment-right-select"
                 @click="selectType">
                <span>{{checkcompany.Name?checkcompany.Name:'请选择'}}</span>
                <i class="iconfont icon-jinru rightmsg"></i>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>设备类型</label>
            </div>
            <group>
                <popup-picker :data="equipmentType"
                              placeholder='默认全部'
                              v-model="equipmentTypeVal"></popup-picker>
            </group>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>开始时间</label>
            </div>
            <group>
                <datetime v-model="startTime"
                          placeholder="请选择"></datetime>
            </group>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>结束时间</label>
            </div>
            <group>
                <datetime v-model="endTime"
                          placeholder="请选择"></datetime>
            </group>
        </div>
        <div class="btns">
            <!-- <button>保存</button> -->
            <button class="green width200"
                    @click="getData">查询</button>
        </div>
        <div class="cut-off-rule"></div>
        <div class="content">
            <router-link to="solutionDetail1">
                <p>方案类型为施工组织设计</p>
                <x-icon type="ios-arrow-right"
                        size="20"
                        class="icon-right"></x-icon>
            </router-link>
            <router-link to="solutionDetail2">
                <p>方案类型为危大工程专项方案或其他方案</p>
                <x-icon type="ios-arrow-right"
                        size="20"
                        class="icon-right"></x-icon>
            </router-link>
            <router-link to="solutionDetail3">
                <p>方案类型为临时用电施工组织设计</p>
                <x-icon type="ios-arrow-right"
                        size="20"
                        class="icon-right"></x-icon>
            </router-link>
            <router-link to="solutionDetail4">
                <p>方案类型为应急救援预案</p>
                <x-icon type="ios-arrow-right"
                        size="20"
                        class="icon-right"></x-icon>
            </router-link>
            <router-link to="solutionDetail5">
                <p>方案类型为安全生产标化工地策划书</p>
                <x-icon type="ios-arrow-right"
                        size="20"
                        class="icon-right"></x-icon>
            </router-link>
        </div>
    </div>
</template>
<script>
export default {
    name: 'technicalSolution',
    data () {
        return {
            userInfo: {},
            checkcompany: {
            }, //  单位名称
            equipmentTypeData: '',
            equipmentType: [[]], //  设备类型
            equipmentTypeVal: ['全部'], // 选中设备类型
            startTime: '',
            endTime: ''
        }
    },
    created () {
        this.userInfo = JSON.parse(localStorage.getItem('userInfo')) || {}
        this.checkcompany = this.$store.state.checkcompany && JSON.stringify(this.$store.state.checkcompany) !== '{}' ? JSON.parse(JSON.stringify(this.$store.state.checkcompany)) : {
            Name: this.userInfo.deptname,
            Id: this.userInfo.deptid
        }
    },
    methods: {
        selectType () {
            this.$router.push({ path: '/testing/lookcompany' })
        },
        getData () {

        }
    }
}
</script>
<style lang="less" scoped>
.content {
    padding-left: 20px;
    a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px 15px 0;
        border-bottom: 1px solid #efeff4;
    }
    p {
        font-size: 14px;
        height: 18px;
        line-height: 18px;
        color: #333;
    }
    .vux-x-icon {
        fill: #c8c9cd;
        width: 25px;
        height: 25px;
    }
}
</style>
